Tabs 選項卡

Primary tabs  主標籤頁

1 Container 2 Badge(optional)3 icon(optional)4 Label 5 Divider 6 Active indicator
1 Primary tabs 主標籤頁 2 Secondary tabs 次標籤頁

Primary tabs states  主標籤狀態

1 Enabled (active destination)已啟用(活動目標) 2 Hover (active destination)懸停(活動目標) 3 Focused (active destination)聚焦(活動目標) 4 Pressed (active destination)按下(活動目標) 5 Enabled (inactive destination)啟用(非活動目標) 6 Hover (inactive destination)滑鼠懸停(非活動目標) 7 Focused (inactive destination)聚焦(非活動目標) 8 Pressed (inactive destination)按下(非活動目標)

Secondary tabs  次標籤頁

1 Container 2 Badge(optional)3 icon(optional)4 Label 5 Divider 6 Active indicator
1 Enabled (active destination)已啟用(活動目標) 2 Hover (active destination)懸停(活動目標) 3 Focused (active destination)已聚焦(活動目標) 4 Pressed (active destination)按下(活動目標) 5 Enabled (inactive destination)啟用(非活動目標) 6 Hover (inactive destination)滑鼠懸停(非活動目標) 7 Focused (inactive destination)聚焦(非活動目標) 8 Pressed (inactive destination)按下(非活動目標)
標籤頁被分成相等的部分,標籤和圖示垂直居中顯示
主要標籤的活動指示器在每一側縮排 2dp,具有完全圓角半徑,最小長度為 24dp。
Attribute  屬性Value  值
Container height (label text only)容器高度(僅標籤文字)48dp
Container height (icon and label text)容器高度(圖示和標籤文字)64dp
Icon size  圖示大小24dp
Divider height  分隔線高度1dp
Primary active indicator height主要活動指示器高度3dp
Secondary active indicator height次要活動指示器高度2dp
Active indicator shape  活動指示器形狀3, 3, 0, 0
Active indicator minimum length活動指示器最小長度24dp
Padding between inline icon and text內聯圖示與文字之間的間距8dp
Padding between inline text and badge內聯文字與徽章之間的間距4dp
Overlap of badge on stacked icon堆疊圖示上徽章的重疊情況6dp